<ion-view view-title="报修详情">

    <ion-nav-bar class="bar-dark box-shadow">
        <!--<ion-nav-back-button></ion-nav-back-button>-->
    </ion-nav-bar>

    <ion-nav-buttons side="left">
        <button class="button button-icon icon ion-ios-arrow-back" ng-click="back()"></button>
    </ion-nav-buttons>

    <ion-content  style="background-color: #f2f2f6">


        <ion-refresher
                pulling-text="下拉刷新..."
                on-refresh="doRefresh()">
        </ion-refresher>

        <div ng-if="showloading" style="margin-top:60px; text-align: center">
            <ion-spinner icon="ios" style="height: 60px; width: 60px;;"></ion-spinner>
        </div>



        <div class="list todo_item">

            <a class="item item-icon-left item_top item-order-num"  style="color: #adaead;font-size: 18px" >
                <i style="padding-left: -20px!important;">订单编号:&nbsp;&nbsp;{{orderDetail.orderNumber}}</i>
                <span class="item-note" style="color: #ef0a14">
                  质保内
                </span>
            </a>

            <a class="item item-avatar" href="#" style="background-color: #f8f8f8;font-size: 18px" ng-switch="orderDetail.questionOne">
                <img src="img/question_01.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="渗漏">
                <img src="img/question_02.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="户内装修">
                <img src="img/question_03.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="阳台、露台">
                <img src="img/question_04.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="给水">
                <img src="img/question_05.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="排水">
                <img src="img/question_06.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="插座、开关与光源">
                <img src="img/question_07.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="供暖">
                <img src="img/question_08.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="卫浴与小配件">
                <img src="img/question_09.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="阳台门、窗与配件">
                <img src="img/question_10.png" style="border-radius:0%;max-width:45px;max-height: 45px" ng-switch-when="柜体">
                <h2>{{orderDetail.questionOne}}-{{orderDetail.questionTwo}}</h2>
                <p>{{orderDetail.describe}}</p>
            </a>

            <a class="item  row" href="#" style="background-color: #ffffff">
                <!--<img src="img/ionic.png" style="border-radius:0%;max-width:80px;max-height: 80px" class="col col-25">-->
              <!--<img src="img/ionic.png" style="height: 100px"  class="col col-25" ng-click="showBigPic('img/ionic.png')">-->
              <!--<img src="img/ionic.png" style="height: 100px"  class="col col-25">-->
              <!--<img src="img/ionic.png" style="height: 100px"  class="col col-25">-->
              <!--<img src="img/ionic.png" style="height: 100px"  class="col col-25">-->
              <!--<img src="img/ionic.png" style="height: 100px"  class="col col-25">-->
              <!--<img src="img/ionic.png" style="height: 100px"  class="col col-25">-->
              <!--<img src="img/ionic.png" style="height: 100px"  class="col col-25">-->
              <img src="{{ENV}}{{item}}" style="height: 100px"  class="col col-25" ng-repeat="item in img" ng-click="showBigPic('{{ENV}}{{item}}')">
            </a>

            <a class="item item-icon-left  fontSelf_gray" style="color: #adaead">
                <i class="icon ion-ios-clock-outline" style="font-size: larger"></i>
                报修时间:
                <i>{{orderDetail.createDate|date:'yyyy-MM-dd HH:mm:ss'}}</i>
            </a>

            <a class="item item-icon-left fontSelf_gray " style="color: #adaead">
                <i class="icon ion-android-car" style="font-size: larger"></i>
                期望上门时间:
                <i>{{orderDetail.hopeDate}}</i>
            </a>

            <span class="item item-icon-left item-icon-right"  style="color: #adaead;font-size: 18px;margin-top: 14px">
                <i class="icon ion-location" style="font-size: x-large"></i>
                {{orderDetail.userName}}

                <span class="item-note item-note-selt">
                     {{orderDetail.userTel}}
                </span>
                <i class="icon ion-ios-telephone icon_tel_self" ng-click="showSheet(orderDetail.userTel)"></i>
                <!--<i class="icon ion-ios-telephone icon_tel_self" ng-click="showSheet('123')"></i>-->
                <br>
                <i style="font-size: 14px">{{orderDetail.addressDetail}}</i>
            </span>


          <a class="item item-icon-left item-icon-right" href="#" style="color: #adaead;font-size: 18px;" ng-click="openWeb(orderDetail.questionOne+orderDetail.questionTwo)">
            <i class="icon ion-settings" style="font-size: larger"></i>
            维修方案
            <span class="item-note" style="color: #3c82ff;display: inline-block;width: 30%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap" >
              {{orderDetail.questionOne}} {{orderDetail.questionTwo}}
            </span>
            <i class="icon ion-ios-arrow-right" style="font-size: larger;color: #3c82ff"></i>
          </a>

        </div>

        <!--<ion-infinite-scroll   on-infinite="loadMore()"  distance="1%" ng-if="hasNextPage()">        </ion-infinite-scroll>-->

    </ion-content>

    <div class="bar bar-footer bar-positive"  ng-click="grab(orderDetail.id)">
        <!--<div class="title" ng-click="garb('{{orderDetail.id}}')">抢单</div>-->
        <div class="title">抢单</div>
    </div>


  <script id="modal.html" type="text/ng-template">
    <div class="modal">
      <ion-header-bar class="bar bar-header bar-dark" style="background-color: #0e0e1c">
        <!--<h1 class="title">1/4</h1>-->
        <!--<button class="button  button-clear ion-trash-a" ng-click="modal.hide()"></button>-->
      </ion-header-bar>
      <ion-content style="background-color: #0e0e1c" ng-click="modal.hide()">
        <div class="card_self">
            <img src={{modal.src}} class="show_img_self">
            <!--<img src="img/jgxLogo.png" class="show_img_self">-->
            <!--{{modal.src}}-->
        </div>
      </ion-content>
    </div>
  </script>



</ion-view>

